<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="角色名称" width="180" />
    <el-table-column prop="name" label="角色描述" width="200" />
    <el-table-column  label="操作" >
      <template v-slot="scope">
       <el-link type="primary">查看</el-link>
       &nbsp;&nbsp; &nbsp;&nbsp;
       <el-link type="primary">删除</el-link>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup lang="ts">
const tableData = [
  {
    date: '超级管理员',
    name: '全平台的权限设置与维护',
  },
  {
    date: '销售业务',
    name: '负责销售种羊',
  },
  {
    date: '采购业务',
    name: '负责采购种羊',
  },
  {
    date: '饲养育种',
    name: '负责种羊的饲养与育种管理',
  },
]
</script>

<style scoped>

</style>